<template>
  <div class="site header-style-two">

<!-- Preloader -->
 
<!-- Preloader End -->

<!-- Mobile Menu -->
<div class="mobile-menu-container">
    <div class="mobile-menu-close"></div>
    <div id="mobile-menu-wrap"></div>
</div>
<!-- Mobile Menu End -->

<!-- Sidebar Toggle Area -->
<div class="toggle-bg"></div>
<div class="toggle-cart-products">
    <div class="toggle-close">x</div>
    <div class="widget_shopping_cart">
        <div class="widget_shopping_cart_content">
            <ul class="product_list_widget ">
                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-1.jpg" alt="Product Image">
                        Flower With Vase
                    </a>
                    <span class="quantity">1 × $18.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-2.jpg" alt="Product Image">
                        Fruit With Basket
                    </a>
                    <span class="quantity">1 × $22.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-3.jpg" alt="Product Image">
                        Fertilizer Bag
                    </a>
                    <span class="quantity">1 × 48.00</span>
                </li>

                <li class="woocommerce-mini-cart-item mini_cart_item">
                    <a href="#" class="remove_from_cart_button">×</a>
                    <a href="#">
                        <img src="assets/images/shop/cart-product-4.jpg" alt="Product Image">
                        Hand Shovel
                    </a>
                    <span class="quantity">1 × $18.00</span>
                </li>
            </ul>

            <p class="woocommerce-mini-cart__total">
                Subtotal:
                <span class="amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>126.00</bdi></span>
            </p>

            <p class="woocommerce-mini-cart__buttons">
                <a href="#">View cart</a>
                <a href="#">Checkout</a>
            </p>
        </div>
    </div>
</div>
<!-- Sidebar Toggle Area End -->

<!-- Header Area -->
<header class="header-area site-header">
    <div class="header-top-area">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="top-info">
                        <ul class="cvt-list-style cvt-list-inline">
                            <li><i class="flaticon-place"></i> Obere Haltenstrasse Switzerland </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 text-right">
                    <div class="top-menu-and-cart cvt-list-style cvt-list-inline">
                        <ul class="menu">
                            <li><a href="#">Support</a></li>
                            <li><a href="#">Terms & Conditions</a></li>
                            <li><a href="#">Help Center</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="main-menu-area">
        <div class="container-fluid">
            <div class="row align-items-center">
                <div class="col-lg-2 col-sm-3 col-6">
                    <div class="site-branding">
                        <a href="index.html">
                            <img src="assets/images/logo/logo-two.png" alt="onland">
                        </a>
                    </div>
                </div>

                <div class="col-lg-10 col-sm-9 col-6 d-flex align-items-center justify-content-end">
                    <div class="header-navigation-area">
                        <nav class="main-navigation">
                            <div class="main-menu-container">
                                <ul id="main-menu" class="menu">
                                    <li class="menu-item-has-children current-menu-ancestor">
                                        <a href="index.html">Home</a>
                                        <ul class="sub-menu">
                                            <li><a href="index.html">Home One</a></li>
                                            <li class="current-menu-item"><a href="index-2.html">Home Two</a></li>
                                            <li><a href="index-3.html">Home Three</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="about-us.html">About</a></li>

                                    <li class="menu-item-has-children">
                                        <a href="services.html">Services</a>
                                        <ul class="sub-menu">
                                            <li><a href="services.html">Services</a></li>
                                            <li><a href="service-details.html">Service Details</a></li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="projects.html">Projects</a>
                                        <ul class="sub-menu">
                                            <li><a href="projects.html">Projects</a></li>
                                            <li><a href="project-details.html">Project Details</a></li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="blog.html">Blog</a>
                                        <ul class="sub-menu">
                                            <li class="menu-item-has-children">
                                                <a href="blog.html">Blog</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog.html">Right Sidebar</a></li>
                                                    <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                                    <li><a href="blog-3-column.html">3 Column</a></li>
                                                </ul>
                                            </li>
                                            <li class="menu-item-has-children">
                                                <a href="blog-details.html">Blog Details</a>
                                                <ul class="sub-menu">
                                                    <li><a href="blog-details.html">Right Sidebar</a></li>
                                                    <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>

                                    <li class="menu-item-has-children">
                                        <a href="#">Pages</a>
                                        <ul class="sub-menu">
                                            <li><a href="team.html">Our Team</a></li>
                                            <li><a href="team-details.html">Team Details</a></li>
                                            <li><a href="shop.html">Shop</a></li>
                                            <li><a href="404.html">Error 404</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>

                    <div class="header-buttons-area">

                        <ul class="header-buttons-wrapper cvt-list-style d-flex justify-content-end align-items-center">
                            <li>
                                <div class="header-mini-cart">
                                    <i class="flaticon-shopping-basket"></i>
                                    <span class="cart-product-count">4</span>
                                </div>
                            </li>
                            <li class="header-button"><a class="cvt-button" href="">Call Now<i class="flaticon-phone-call"></i></a></li>
                            <li class="mobile-menu-trigger"><span></span><span></span><span></span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- Header Area End-->

<!-- Site Content Wrapper -->
<div class="site-content">
    <!-- Content Area-->
    <div class="content-area">
        <!-- Slider Section -->
        <div class="cvt-home-slider-area cvt-home-slider-two">
            <div class="cvt-home-slider-wrapper">
                <div class="cvt-single-slide-item" data-background="assets/images/slider/h2-slide-1.jpg">
                    <div class="cvt-slider-two-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 offset-xl-6 col-lg-7 offset-lg-4 col-sm-9 offset-sm-2">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <span>Find Your</span>
                                        <span>Perfect</span>
                                        <span>Gardener.</span>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp"  data-delay="1s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="cvt-single-slide-item" data-background="assets/images/slider/h2-slide-2.jpg">
                    <div class="cvt-slider-two-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 offset-xl-6 col-lg-7 offset-lg-4 col-sm-9 offset-sm-2">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <span>Solution</span>
                                        <span>For Your</span>
                                        <span>Garden.</span>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp"  data-delay="1s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="cvt-single-slide-item" data-background="assets/images/slider/h2-slide-3.jpg">
                    <div class="cvt-slider-two-overlay"></div>
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-6 offset-xl-6 col-lg-7 offset-lg-4 col-sm-9 offset-sm-2">
                                <div class="cvt-slider-content-wrapper">
                                    <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                        <span>OnLand</span>
                                        <span>Garden</span>
                                        <span>Solution.</span>
                                    </div>

                                    <div class="slider-button-wrapper">
                                        <a data-animation="fadeInUp"  data-delay="1s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Slider Section End -->

        <!-- Service Section -->
        <section class="service-section service-layout-two">
            <div class="service-two-bg-one">
                <img src="assets/images/services/service-bg-four.png" alt="Service Bg">
            </div>
            <div class="service-two-bg-two">
                <img src="assets/images/services/service-bg-three.png" alt="Service Bg">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Our Services</span>
                                <h2 class="cvt-section-title">Choose A Service</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row cvt-service-slider-wrapper wow fadeInUp" data-wow-duration="1.25s">
                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="service-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/services/service-9.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-tractor"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Grass Cleaning</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="service-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/services/service-7.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-tree-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Tree Planting</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="service-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/services/service-8.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-plant-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Garden Care</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="service-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/services/service-5.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-eggs"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Branch Cutting</h4>
                                </div>
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-3">
                        <div class="cvt-service-two-item">
                            <a href="service-details.html" class="d-inline-block cvt-service-details-url">
                                <div class="cvt-service-image">
                                    <img src="assets/images/services/service-4.jpg" alt="Service Item">

                                    <div class="cvt-service-two-icon cvt-transition">
                                        <i class="flaticon-flower-1"></i>
                                    </div>
                                </div>

                                <div class="cvt-service-title-wrapper">
                                    <h4 class="cvt-service-two-title cvt-transition">Flower Scaping</h4>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-6 col-lg-8 col-md-9">
                        <div class="cvt-service-slider-bottom-text wow fadeInUp" data-wow-duration="1.25s">
                            We can design and build <span>your garden.</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Service Section End -->

        <!-- About Us Section-->
        <section class="about-us-section about-us-section-two">
            <div class="cvt-about-two-top-bg">
                <img src="assets/images/about/h2-about-right-top-bg.png" alt="Right Circle">
            </div>

            <div class="cvt-about-two-bottom-bg">
                <img src="assets/images/about/h2-about-left-bottom-bg.png" alt="left Circle">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-5 order-xl-0 col-lg-12 order-last">
                        <div class="cvt-tabs-wrapper cvt-tab-layout-two wow fadeInUp" data-wow-duration="1.25s">
                            <ul class="nav nav-tabs">
                                <li>
                                    <a data-toggle="tab" href="#tab-number-1">
                                        <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                            <i aria-hidden="true" class="flaticon-shears"></i>
                                        </div>
                                        <span class="cvt-tab-menu-text">Mission</span>
                                    </a>
                                </li>

                                <li>
                                    <a data-toggle="tab" href="#tab-number-2" class="active">
                                        <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                            <i aria-hidden="true" class="flaticon-leaf-1"></i>
                                        </div>
                                        <span class="cvt-tab-menu-text">Vision</span>
                                    </a>
                                </li>
                            </ul>


                            <div class="tab-content">
                                <div id="tab-number-1" class="cvt-tab-item tab-pane fade">
                                    <div class="cvt-tab-content-wrapper">
                                        <div class="tab-description">
                                            <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                            <p>It is a long established fact that is reader will be then distracted by the thing and readable content of page when looking at that page layout. It is a long fact that a readable content of page.

                                                <strong>It is a long established fact that a reader will be then distracted by the thing and readable content of page when looking at that page layout.</strong></p>
                                        </div>

                                        <div class="cvt-tab-button">
                                            <a href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                        </div>
                                    </div>
                                </div>

                                <div id="tab-number-2" class="cvt-tab-item tab-pane fade in active show">
                                    <div class="cvt-tab-content-wrapper">
                                        <div class="tab-description">
                                            <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                            <p>It is a long established fact that is reader will be then distracted by the thing and readable content of page when looking at that page layout. It is a long fact that a readable content of page.

                                            <strong>It is a long established fact that a reader will be then distracted by the thing and readable content of page when looking at that page layout.</strong></p>
                                        </div>

                                        <div class="cvt-tab-button">
                                            <a href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 offset-xl-1 col-lg-12">
                        <div class="cvt-image-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <img src="assets/images/about/h2-about-right.png" alt="Gardener">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- About Us Section End -->

        <!-- Partner Image Slider -->
        <div class="cvt-partner-image-wrapper wow fadeInUp" data-wow-duration="1.25s">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-partner-image-slider">
                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-1.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-7.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-2.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-8.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-3.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-9.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-4.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-10.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-5.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-11.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-6.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-12.png" alt="Partner Image">
                                </div>
                            </div>

                            <div class="cvt-single-partner-image">
                                <div class="cvt-partner-image">
                                    <img src="assets/images/partner/partner-1.png" alt="Partner Image">
                                    <img src="assets/images/partner/partner-7.png" alt="Partner Image">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Partner Image Slider End -->
        <!-- Popup Video Area -->
        <div class="video-area">
            <div class="cvt-video-wrapper">
                <div class="cvt-video-wrapper-bg"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-popup-video cvt-cover-bg wow fadeInUp" data-wow-duration="1.25s" data-background="assets/images/others/video-bg.jpg">
                                <div class="cvt-video-image-overlay"></div>
                                <a href="https://vimeo.com/100902001" class="cvt-video-button mfp-iframe">
                                    <i class="fas fa-play"></i>
                                </a>

                                <div class="cvt-video-text">Intro Video.</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Popup Video Area End -->
        <!-- Project Area -->
        <section class="project-section cvt-project-slider-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-left wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Our Projects</span>
                                <h2 class="cvt-section-title">Our Recent Projects</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row cvt-project-slider wow fadeInUp" data-wow-duration="1.25s">
                    <div class="col-lg-4">
                        <div class="project-slide-item">
                            <a href="project-details.html" class="project-image">
                                <img src="assets/images/projects/project-9.jpg" alt="Project Thumbnail">
                                <h3 class="title">Garden Care</h3>
                            </a>

                            <a href="project-details.html" class="cvt-project-button">View Details
                                <i class="flaticon-right"></i>
                            </a>

                            <span class="project-number">1</span>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="project-slide-item">
                            <a href="project-details.html" class="project-image">
                                <img src="assets/images/projects/project-7.jpg" alt="Project Thumbnail">
                                <h3 class="title">Modern Garden</h3>
                            </a>

                            <a href="project-details.html" class="cvt-project-button">View Details
                                <i class="flaticon-right"></i>
                            </a>

                            <span class="project-number">2</span>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="project-slide-item">
                            <a href="project-details.html" class="project-image">
                                <img src="assets/images/projects/project-8.jpg" alt="Project Thumbnail">
                                <h3 class="title">Soil Cleaning</h3>
                            </a>

                            <a href="project-details.html" class="cvt-project-button">View Details
                                <i class="flaticon-right"></i>
                            </a>

                            <span class="project-number">3</span>
                        </div>
                    </div>

                    <div class="col-lg-4">
                        <div class="project-slide-item">
                            <a href="project-details.html" class="project-image">
                                <img src="assets/images/projects/project-10.jpg" alt="Project Thumbnail">
                                <h3 class="title">Plant Care</h3>
                            </a>

                            <a href="project-details.html" class="cvt-project-button">View Details
                                <i class="flaticon-right"></i>
                            </a>

                            <span class="project-number">4</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Project Area End -->

        <!-- Pricing Table Area -->
        <section class="pricing-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># PRICING TABLE</span>
                                <h2 class="cvt-section-title">Price And Planning</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-table wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-shape-one"></div>
                            <div class="cvt-pricing-shape-two"></div>
                            <div class="cvt-pricing-shape-three"></div>
                            <div class="cvt-pricing-shape-four"></div>
                            <div class="cvt-pricing-top">
                                <h6 class="cvt-table-title">Basic</h6>
                                <h6 class="cvt-price">$99</h6>
                                <span class="cvt-duration">Monthly</span>
                            </div>

                            <div class="cvt-pricing-features">
                                <ul class="cvt-list-style">
                                    <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Planting & Watering</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Rubbish Removal</li>
                                </ul>
                            </div>

                            <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-table wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-shape-one"></div>
                            <div class="cvt-pricing-shape-two"></div>
                            <div class="cvt-pricing-shape-three"></div>
                            <div class="cvt-pricing-shape-four"></div>
                            <div class="cvt-pricing-top">
                                <h6 class="cvt-table-title">Standard</h6>
                                <h6 class="cvt-price">$149</h6>
                                <span class="cvt-duration">Monthly</span>
                            </div>

                            <div class="cvt-pricing-features">
                                <ul class="cvt-list-style">
                                    <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Planting & Watering</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Rubbish Removal</li>
                                </ul>
                            </div>

                            <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-table wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-shape-one"></div>
                            <div class="cvt-pricing-shape-two"></div>
                            <div class="cvt-pricing-shape-three"></div>
                            <div class="cvt-pricing-shape-four"></div>
                            <div class="cvt-pricing-top">
                                <h6 class="cvt-table-title">Gold</h6>
                                <h6 class="cvt-price">$199</h6>
                                <span class="cvt-duration">Monthly</span>
                            </div>

                            <div class="cvt-pricing-features">
                                <ul class="cvt-list-style">
                                    <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Planting & Watering</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Rubbish Removal</li>
                                </ul>
                            </div>

                            <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="cvt-pricing-table wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-pricing-shape-one"></div>
                            <div class="cvt-pricing-shape-two"></div>
                            <div class="cvt-pricing-shape-three"></div>
                            <div class="cvt-pricing-shape-four"></div>
                            <div class="cvt-pricing-top">
                                <h6 class="cvt-table-title">Platinum</h6>
                                <h6 class="cvt-price">$249</h6>
                                <span class="cvt-duration">Monthly</span>
                            </div>

                            <div class="cvt-pricing-features">
                                <ul class="cvt-list-style">
                                    <li><i class="flaticon-double-right-arrow"></i>Free Rubbish Removal</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Gardening Care</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Watering Garden With</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Planting & Watering</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Landscape Design</li>
                                    <li><i class="flaticon-double-right-arrow"></i>Rubbish Removal</li>
                                </ul>
                            </div>

                            <a href="#" class="cvt-button cvt-pricing-button">Choose Plan <i class="flaticon-double-left-chevron"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Pricing Table Area End -->

        <!-- Contact Section -->
        <section class="contact-section">
            <div class="contact-bg-one">
                <img src="assets/images/faq/faq-bg-one.png" alt="Faq">
            </div>

            <div class="contact-bg-two">
                <img src="assets/images/faq/faq-bg-two.png" alt="Faq">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-5">
                        <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Contact With Us</span>
                                <h2 class="cvt-section-title">Can Easily Book An Appointment.</h2>
                            </div>
                        </div>

                        <a href="tel:1234567890" class="cvt-button cvt-call-button wow fadeInUp" data-wow-duration="1.25s">Click To Call<i class="flaticon-phone-call"></i></a>
                    </div>

                    <div class="offset-lg-1 col-lg-6">
                        <div class="cvt-contact-form-container wow fadeInUp" data-wow-duration="1.25s">
                            <form id="contact-form" action="#" method="POST">
                                <div class="row">
                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="name" type="text" placeholder="Name *" required>
                                            <i class="far fa-user"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="email" type="email" placeholder="E-mail *" required>
                                            <i class="far fa-envelope"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="phone" type="text" placeholder="Phone">
                                            <i class="flaticon-phone-call"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-md-6">
                                        <div class="cvt-form-control-wrapper">
                                            <input name="subject" type="text" placeholder="Subject *">
                                            <i class="flaticon-leaf-2"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-12">
                                        <div class="cvt-form-control-wrapper cvt-textarea">
                                            <textarea name="message" cols="30" rows="10" placeholder="Message *"></textarea>
                                            <i class="fas fa-pencil-alt"></i>
                                        </div>
                                    </div>

                                    <div class="col-xl-12 text-center">
                                        <button type="submit">Send Now<i class="flaticon-double-right-arrow"></i></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact Section End -->

        <!-- Team Section -->
        <section class="team-section team-layout-two">
            <div class="cvt-team-section-image-one">
                <img src="assets/images/services/service-bg-one.png" alt="Service Section image">
            </div>

            <div class="cvt-team-section-image-two">
                <img src="assets/images/services/service-bg-two.png" alt="Service Section image">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Team Member</span>
                                <h2 class="cvt-section-title">Dedicated Members</h2>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-4 ">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-7.jpg" alt="Team Member">
                                </a>

                                <div class="cvt-member-social">
                                    <ul class="cvt-list-style cvt-list-inline">
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html">
                                    <h3 class="cvt-member-name">Razor Stive</h3>
                                </a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-4">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-8.jpg" alt="Team Member">
                                </a>

                                <div class="cvt-member-social">
                                    <ul class="cvt-list-style cvt-list-inline">
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkins</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-4">
                        <div class="cvt-single-team-member wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-member-image">
                                <a href="team-details.html">
                                    <img src="assets/images/team/member-9.jpg" alt="Team Member">
                                </a>

                                <div class="cvt-member-social">
                                    <ul class="cvt-list-style cvt-list-inline">
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="cvt-name-designation-wrapper">
                                <a href="team-details.html"><h3 class="cvt-member-name">Clark Brown</h3></a>
                                <span class="cvt-designation">Web Developer</span>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3  col-lg-4 col-md-7">
                        <div class="cvt-join-team cvt-cover-bg wow fadeInUp" data-wow-duration="1.25s" data-background="assets/images/team/team-join-button.jpg">
                            <div class="cvt-join-team-overlay"></div>

                            <div class="cvt-join-team-content">
                                <h3 class="cvt-title">You Can Easily Join With Us.</h3>
                                <a href="team-details.html" class="cvt-button">Join Now <i class="flaticon-double-left-chevron"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Team Section End -->
        <!-- CTA Section -->
        <section class="cta-section-wrapper cvt-cover-bg" data-background="assets/images/others/cta-bg.jpg">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6 col-lg-8 wow fadeInUp" data-wow-duration="1.25s">
                        <h3 class="cvt-cta-text">We Have Solution's For Your Garden.</h3>
                    </div>

                    <div class="col-xl-4 offset-xl-2 col-lg-4 my-auto text-center">
                        <a href="contact.html" class="cvt-cta-button wow fadeInUp" data-wow-duration="1.25s">Contact Now <i class="flaticon-farmer"></i></a>
                    </div>
                </div>
            </div>
        </section>
        <!-- CTA Section End -->

        <!-- Faq Section -->
        <section class="faq-section faq-layout-two">
            <div class="faq-bg-one">
                <img src="assets/images/faq/faq-bg-one.png" alt="Faq">
            </div>

            <div class="faq-bg-two">
                <img src="assets/images/faq/faq-bg-two.png" alt="Faq">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 my-auto">
                        <div class="cvt-button-with-image-wrapper cvt-button-with-image-two wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-button-with-image">
                                <img src="assets/images/faq/btn-image-two.png" alt="Faq">
                                <div class="cvt-image-button">
                                    <a href="tel:1234567890" class="cvt-button cvt-call-button">Call Now<i class="flaticon-phone-call"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Question And Answer</span>
                                <h2 class="cvt-section-title">Frequently Asked Question.</h2>
                            </div>
                        </div>

                        <div class="cvt-accordion-wrapper wow fadeInUp" data-wow-duration="1.25s">
                            <div class="accordion" id="cvt-accordion">

                                <div class="card">
                                    <div class="card-header ">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
                                                01. How to get your services?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-1" class="collapse" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-header active">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false">
                                                02. What payment methods are available?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-2" class="collapse" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="card">
                                    <div class="card-header active">
                                        <span class="card-title">
                                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-3" aria-expanded="true">
                                                03. Do you works on weekend?
                                            </button>
                                        </span>
                                    </div>

                                    <div id="collapse-3" class="collapse show" data-parent="#cvt-accordion">
                                        <div class="card-body">
                                            <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Faq Section End -->
        <!-- Testimonial Two Section -->
        <section class="testimonial-section">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-left wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Our Testimonials</span>
                                <h2 class="cvt-section-title">What People Say?</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row cvt-testimonial-slider-two cvt-testimonial-slider-two-active wow fadeInUp" data-wow-duration="1.25s">
                    <div class="col-lg-6">
                        <div class="cvt-testimonial-item">
                            <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-one.png">
                                <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                            </div>

                            <div class="testimonial-two-content">
                                <div class="cvt-testimonial-two-desc">
                                    <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                </div>

                                <div class="cvt-name-designation">
                                    <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                    <span class="cvt-testimonial-designation">happy gardener</span>
                                </div>

                                <div class="cvt-testimonial-content-icon">
                                    <i class="flaticon-vegan"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="cvt-testimonial-item">
                            <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-two.png">
                                <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                            </div>

                            <div class="testimonial-two-content">
                                <div class="cvt-testimonial-two-desc">
                                    <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                </div>

                                <div class="cvt-name-designation">
                                    <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                    <span class="cvt-testimonial-designation">happy gardener</span>
                                </div>

                                <div class="cvt-testimonial-content-icon">
                                    <i class="flaticon-vegan"></i>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-6">
                        <div class="cvt-testimonial-item">
                            <div class="cvt-testimonial-image cvt-cover-bg" data-background="assets/images/testimonial/testimonial-three.png">
                                <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                            </div>

                            <div class="testimonial-two-content">
                                <div class="cvt-testimonial-two-desc">
                                    <p>Lorem Ipsum is simply dummy text printing and typesetting industry. Lorem Ipsum been the industry standard dummy text ever since the 1500s, when unknown printer took galley type and scrambled it to make specimen book.</p>
                                </div>

                                <div class="cvt-name-designation">
                                    <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                    <span class="cvt-testimonial-designation">happy gardener</span>
                                </div>
                            </div>

                            <div class="cvt-testimonial-content-icon">
                                <i class="flaticon-vegan"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Testimonial Two Section End -->

        <!-- Recent Post Section -->
        <section class="recent-post cvt-recent-post-two">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-section-title-content">
                                <span class="cvt-section-subtitle"># Recent Posts</span>
                                <h2 class="cvt-section-title">Latest News From Blog</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-two.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-three.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-4 col-lg-6 col-md-6">
                        <div class="cvt-post-item cvt-transition wow fadeInUp" data-wow-duration="1.25s">
                            <a href="blog-details.html">
                                <h4 class="cvt-post-title cvt-transition">The High Quality Landscaping Solutions From Onland.</h4>
                            </a>

                            <a href="blog-details.html" class="cvt-post-thumbnail">
                                <img src="assets/images/blog/recent-post-one.jpg" alt="Post Thumbnail">
                            </a>

                            <div class="cvt-recent-post-mata">
                                <ul>
                                    <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                    <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                </ul>
                            </div>

                            <div class="cvt-recent-post-read-more">
                                <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Recent Post Section End -->
        <!-- Footer Are -->
        <footer class="site-footer">
            <div class="footer-widget-area cvt-cover-bg">
                <div class="footer-left-image">
                    <img src="assets/images/footer/footer-left-image.png" alt="">
                </div>

                <div class="container">
                    <div class="row">
                        <div class="widget col-lg-3 col-md-0 td_blank_widget"></div>
                        <div class="widget col-lg-3 col-md-6 widget_nav_menu">
                            <h4 class="widget-title">Quick Links</h4>

                            <ul class="menu">
                                <li><a href="about-us.html">About Us</a></li>
                                <li><a href="contact.html">Contact Us</a></li>
                                <li><a href="team.html">Our Team</a></li>
                                <li><a href="services.html">Our Services</a></li>
                                <li><a href="projects.html">Our Projects</a></li>
                                <li><a href="#">Privacy Policy</a></li>
                                <li><a href="#">Our Terms</a></li>
                            </ul>
                        </div>

                        <div class="widget col-lg-3 col-md-6 widget_td_contact_info_widget">
                            <h4 class="widget-title">Contact Info</h4>

                            <div class="cvt-widget-short-desc">
                                <p>Visit our office or connect us via Phone and Email.</p>
                            </div>

                            <ul class="cvt-list-style widget-contact-info-list">
                                <li class="widget-address-desc">
                                    <i class="fas fa-map-marker-alt"></i>
                                    <div class="widget-addr-dsc">
                                        <p>Obere Haltenstrasse, Lugaggia. Switzerland - 6953</p>
                                    </div>
                                </li>

                                <li><a href="tel:+410123456789"><i class="fas fa-mobile-alt"></i>+410 123 456 789</a></li>

                                <li><a href="mailto:admin@carnivaltheme.com"><i class="fas fa-paper-plane"></i>admin@carnivaltheme.com</a></li>
                            </ul>

                        </div>

                        <div class="widget col-lg-3 col-md-6 td_gallery_widget">
                            <h4 class="widget-title">Photo Gallery</h4>

                            <div class="cvt-gallery-photo-wrapper">
                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-one.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-one.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-two.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-two.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-three.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-three.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-four.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-four.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-five.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-five.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-six.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-six.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-seven.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-seven.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-eight.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-eight.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>

                                <a class="cvt-gallery-photo-url cvt-popup-image" href="assets/images/footer/gallery-nine.jpg">
                                    <div class="cvt-gallery-photo-item" data-background="assets/images/footer/gallery-nine.jpg">
                                        <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-bottom-area">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-6">
                            <div class="footer-social-icon social-icons">
                                <ul class="cvt-list-style cvt-list-inline">
                                    <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                    <li><a href="#" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="col-lg-6 col-md-6">
                            <div class="site-copyright-text">
                                &copy; OnLand 2021 | All Right Reserved
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="scroll-to-top"><i class="flaticon-leaf"></i></div>
        </footer><!-- Footer Area End -->
    </div><!-- Content Area End -->
</div><!-- Site Content Wrapper End -->
</div><!--Site Wrapper End-->
</template>
<script setup lang="ts">
import {ref,reactive} from "vue"




</script>
<style lang="scss" scoped>




</style>